<#include "common/comindex.html"/> <@layout>
<script src="${ctx}/static/inc/platform/js/ajax.js"></script>
<link rel="stylesheet" href="${ctx}/static/assets/css/font-awesome.min.css" />

<!-- basic styles -->

<link href="${ctx}/static/assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="${ctx}/static/assets/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link rel="stylesheet" href="${ctx}/static/assets/css/font-awesome.min.css" />

<!--[if IE 7]>
<link rel="stylesheet" href="${ctx}/static/assets/css/font-awesome-ie7.min.css" />
<![endif]-->

<!-- page specific plugin styles -->

<!-- fonts -->

<link rel="stylesheet" href="${ctx}/static/assets/css/ace-fonts.css" />

<!-- ace styles -->

<link rel="stylesheet" href="${ctx}/static/assets/css/ace.min.css" />
<link rel="stylesheet" href="${ctx}/static/assets/css/ace-responsive.min.css" />
<link rel="stylesheet" href="${ctx}/static/assets/css/ace-skins.min.css" />

<!--[if lte IE 8]>
<link rel="stylesheet" href="${ctx}/static/assets/css/ace-ie.min.css" />
<![endif]-->

<!-- inline styles related to this page -->

<!-- ace settings handler -->



<!-- basic scripts -->
<script src="${ctx}/static/assets/js/bootstrap.min.js"></script>
<script src="${ctx}/static/assets/js/ace.min.js"></script>




<script type="text/javascript">

    // 日常提醒查看
//    function  openview(rowid){
//        url = '${ctx}/bgRctx/view?id=' + rowid;
//        initArtDialog({url:url, title:'查看', width:400, height:200,lock:true,background: '#EAEAEA'});
//    }
//
//    function openview(id){
//         url = '${ctx}/bgRctx/view?id=' + rowid;
//        window.open (url,'newwindow',
//                'height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//    }

    //    function openview(id){
    //        var   openUrl = '${ctx}/bgRctx/view?id=' + id;
    //        var iWidth=500; //弹出窗口的宽度;
    //        var iHeight=300; //弹出窗口的高度;
    //        var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
    //        var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;
    //        window.open(openUrl,"","height="+iHeight+", width="+iWidth+", top="+iTop+", left="+iLeft);
    //
    //    }
    /* 
    jQuery(function($) {
        var num=0;
        var bt=""
        var nr="";
        $.getJSON('${ctx}/personal/getrctx',{},function(data) {
            for(var i=0;i<data.length;i++) {
                num=num+1;
                nr=   data[i].nr;
                if (nr ==undefined){
                    nr="";
                }
                var j=i+1;
                var id =     data[i].id;
                bt+="<li><a class='sInbox'  href='#' onclick='addTab(\"日常提醒\",\"${ctx}/bgRctx\")'   ><i class='icon-warning-sign'></i> "+data[i].bt+"</a></li>";
            }
            var  btn =' <li class="nav-header"><i class=" icon-warning-sign" ></i> '+num+' 提醒事件</li>' ;

             var bta='<li><a href="#"  onclick="addTab(\'日常提醒\',\'${ctx}/bgRctx\')"> 查看所有<i class="icon-arrow-right"></i></a> </li>';

            document.getElementById("message").innerHTML=btn+bt+bta;



            if(num >0){
                document.getElementById("rctx").innerText =""+num ;

            }
        }); //把从后台取出的数据进行封装以后在页面上以fullCalendar的方式进行显示

    });  */

    function addd(){
    }
    function addTab(title, url) {
        var tabs = $('#index_tabs').tabs();
        if (tabs.tabs('exists', title)) {
            tabs.tabs('close', title);
        }
        tabs.tabs('add', {
            title:title,
            content:'<iframe frameborder="0"  src="${ctx}' + url + '" style="width:100%;height:100%;"></iframe>',
            closable:true
        });
    };

    function addTab2(title, url) {
        var tabs = $('#index_tabs').tabs();
        tabs.tabs('add', {
            title:title,
            href:url,
            closable:true
        });
    };

    $(function(){
//        $.messager.show({
//            title : '提示',
//            msg : '请先选择一条记录，再进行修改！<button onclick="fead()"></button>',
//            timeout:4000
//        });
        $("#index_tabs").tabs({
            onContextMenu : function (e, title) {
                e.preventDefault();
                $('#tabsMenu').menu('show', {
                    left : e.pageX,
                    top : e.pageY
                }).data("tabTitle", title);
            }
        });
        //实例化menu的onClick事件

         //addTab('我的文档','personal');

    });

</script>
<body class="easyui-layout">
<div id='north' region="north" border="false" style="height: 47px;">
    <div style="background: url('${ctx}/static/images/rtsbj.jpg') repeat-x; height: 47px; width: 100%;">
			<span  style="color: #eee; font-size: 25px; float: left; text-align: left; padding-top: 15px; padding-left: 50px;">恒星科技办公系统</span>

        <div style="position: absolute; top: 2px; right: 0px; padding-right: 10px;">


            <div id="user-nav" class="navbar navbar-inverse" style="position: fixed; top: 1px; right: 0px; padding-right: 2px;">
            <ul class="nav ace-nav pull-right">

            <li class="purple">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                    <i class="icon-bell-alt icon-animated-bell"></i>
                    <span class="badge badge-important"  id="rctx">0</span>
                </a>

                <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-closer" id="message">
                    <li class="nav-header">
                        <i class="icon-warning-sign"></i>
                        <span class="badge badge-success" >0 提醒事件</span>
                    </li>

                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--<div class="clearfix">-->
											<!--<span class="pull-left">-->
												<!--<i class="btn btn-mini no-hover btn-pink icon-comment"></i>-->
												<!--New Comments-->
											<!--</span>-->
                                <!--<span class="pull-right badge badge-info">+12</span>-->
                            <!--</div>-->
                        <!--</a>-->
                    <!--</li>-->

                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--<i class="btn btn-mini btn-primary icon-user"></i>-->
                            <!--Bob just signed up as an editor ...-->
                        <!--</a>-->
                    <!--</li>-->

                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--<div class="clearfix">-->
											<!--<span class="pull-left">-->
												<!--<i class="btn btn-mini no-hover btn-success icon-shopping-cart"></i>-->
												<!--New Orders-->
											<!--</span>-->
                                <!--<span class="pull-right badge badge-success">+8</span>-->
                            <!--</div>-->
                        <!--</a>-->
                    <!--</li>-->

                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--<div class="clearfix">-->
											<!--<span class="pull-left">-->
												<!--<i class="btn btn-mini no-hover btn-info icon-twitter"></i>-->
												<!--Followers-->
											<!--</span>-->
                                <!--<span class="pull-right badge badge-info">+11</span>-->
                            <!--</div>-->
                        <!--</a>-->
                    <!--</li>-->

                    <li>
                        <a href="#">
                            See all notifications
                            <i class="icon-arrow-right"></i>
                        </a>
                    </li>
                </ul>
            </li>
                <!-- 日常提醒start -->
            <li class="green">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                    <i class="icon-envelope icon-animated-vertical"></i>
                    <span class="badge badge-success" >0</span>
                </a>

                <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer"   >
                    <li class="nav-header">
                        <i class="icon-envelope-alt"></i>
                        <span class="badge badge-success"  >0 信息</span>
                    </li>

                    <li>
                        <a href="#">
                            See all notifications
                            <i class="icon-arrow-right"></i>
                        </a>
                    </li>
                </ul>
            </li>
                <!-- 日常提醒end-->
                <!-- 用户start-->

                <li class="light-blue">
                <a data-toggle="dropdown" style="color: white"  href="#" class="dropdown-toggle">
								<span class="user-info">
									<small>欢迎您,</small>
									${cnname!''}
								</span>

                    <i class="icon-caret-down"></i>
                </a>

                <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
                    <li>
                        <a href="#" href="#"  onclick="addTab('修改我的密码','/newPassword')">
                            <i class="icon-user"></i>
                            修改密码
                        </a>
                    </li>


                    <li class="divider"></li>

                    <li>
                        <a  href="${ctx}/logout">
                            <i class="icon-off"></i>
                            退出
                        </a>
                    </li>
                </ul>
            </li>
            </ul><!-- /.ace-nav -->
                <!-- 用户end-->




                <!--<ul class="nav">-->
                    <!--<li  class="dropdown" id="profile-messages" >-->
                        <!--<a style="color: white" href="#" data-toggle="dropdown" data-target="#profile-messages" >-->
									<!--<span class="user-info" style="font-size: 14px;font-family:Verdana">-->
									<!--<small>欢迎您,</small>-->
									<!--${cnname!''}-->
								<!--</span>-->
                            <!--<i class="icon-caret-down"></i>-->
                        <!--</a>-->
                        <!--<ul class="dropdown-menu">-->
                            <!--<li><a href="#"  onclick="addTab('修改我的密码','/newPassword')"><i class="icon-user"></i> 修改密码</a></li>-->

                            <!--<li><a href="${ctx}/logout"><i class="icon-key"></i>退出</a></li>-->
                        <!--</ul>-->
                    <!--</li>-->
                    <!--<li class="dropdown" id="menu-messages">-->
                        <!--<a style="color: white" href="#" data-toggle="dropdown" data-target="#menu-messages" >-->
                            <!--<i class="icon icon-envelope"></i>-->
                            <!--<span class="text">Messages</span> <span class="label label-important" id="rctx"></span>
                             <i class="icon-caret-down"></i>-->

                        <!--</a>-->
                        <!--<ul class="dropdown-menu" id="message">-->
                            <!--<li><a class="sInbox" title="" href="#"><i class="icon-envelope"></i> inbox</a></li>-->
                        <!--</ul>-->
                    <!--</li>-->
                    <!--<li class=""><a title="" href="${ctx}/logout" style="color: white"><i class="icon icon-share-alt"></i>  <span class="text">退出登录</span> </a></li>-->
                <!--</ul>-->
            </div>




            <!--<span style="color: #eee; font-size: 15px"><i class="icon-user"></i>欢迎您[${cnname!''}]</span>-->
            <!--<a href="${ctx}/logout" title="退出登录"-->
               <!--style="color: #fff; font-size: 15px">注销</a>-->

        </div>
    </div>


</div>
<div region="west"  style="width: 180px; overflow: hidden;">

    <div id='Accordion' class="easyui-accordion" fit="true" border="false">
        ${menus!''}
        <div class="sidebar-collapse" id="sidebar-collapse">
            <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
        </div>

    </div>


</div>


</div>
<div id='center' data-options="region:'center',border:false">
    <div id='index_tabs' class="easyui-tabs"
         data-options="fit:true,border:false"></div>
</div>



</body>
<script>
</script>
</@layout>
